<template>
	<view class="content">
		<!-- <view class="text-area"> -->
			<findDoctorVue></findDoctorVue>
		<!-- </view> -->
	<view class="beingtopBox">
		<view class="shurukuang">
			<view class="shurukuang-left">
				<img src="/static/首页/u297.png" width="30px">
			</view>
			<view class="shurukuang-right">
				<input type="text" placeholder="搜索" class="searchInput" style="width: 100%;height: 100%;" />
			</view>
		</view>
		<view class="img-info">
			<img src="/static/首页/u299.png" style="width: 40px;height: 40px;">
		</view>
		<view class="xiahezi">
			<view class="xiang-flex">
				<view class="xiang-left"></view>
				<view class="xiang-right"></view>
			</view>
		</view>
		<!-- // 韩博洋添加的代码 -->
		<button @click="gotoRegister">预约挂号</button>
	</view>
</template>

<script>
	import findDoctorVue from './find_doctor.vue';
	export default {
		components:{
			findDoctorVue
		},
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {
export default {
	data() {
		return {
			title: 'Hello'
		}
	},
	onLoad() {

		},
		methods: {
			// 韩博洋添加的代码
			gotoRegister(){
				uni.navigateTo({
					url:'/pages/register/register'
				})
			}
		}
	},
	methods: {

	}
}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
	}

/* 	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	} */

/* 	.text-area {
		display: flex;
		justify-content: center;
	} */
/* 
	.title {
		font-size: 36rpx;
		color: #8f8f94;
	} */
<style scoped>
.beingtopBox {
	border-width: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 163px;
	background: inherit;
	background-color: rgba(108, 99, 255, 1);
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.img-info {
	height: 2.5rem;
	width: 2.5rem;
	position: absolute;
	top: 2.1875rem;
	right: 0.25rem;
}

.shurukuang {
	position: absolute;
	left: 0rem;
	top: 0rem;
	width: 19rem;
	height: 2.8125rem;
	background: inherit;
	background-color: rgba(242, 242, 242, 0.26666666666666666);
	border: none;
	border-radius: 9.375rem;
	box-shadow: none;
	border-width: 0px;
	position: absolute;
	left: 1.25rem;
	top: 20%;
	width: 19rem;
	height: 2.8125rem;
	display: flex;
}

.shurukuang-left {
	width: 1.875rem;
	height: 1.875rem;
	margin-left: 0.625rem;
	margin-top: 0.625rem;
}

.shurukuang-right {
	width: 18.75rem;
	height: 2.5rem;
	border-radius: 1.25rem;
	margin-top: 0.3125rem;
}
.xiahezi{
	margin-top: 100px;
	width: 100vw;
	height: calc(100vh - 100px);
	/* background-color: aquamarine; */
}
.xiang-flex{
	width: 80%;
	height: 140px;
	margin: 0 auto;
	border-radius: 20px;
	background-color: white;
	display: flex;
}
.xiang-left{
	flex: 1;
	border: 1px solid black;
}
.xiang-right{
	flex: 1;
	border: 1px solid black;
}
</style>
